# CFN Tracker

```mdx-code-block
<p style={{ "text-align": "center" }}>
  <img src={require("@site/static/img/showcase/cfntracker.webp").default} />
  <br />
</p>
```

[CFN Tracker](https://github.com/williamsjokvist/cfn-tracker) - Theo dõi mọi
trận đấu trực tiếp của hồ sơ Street Fighter 6 hoặc V CFN. Hãy kiểm tra
[trang web](https://cfn.williamsjokvist.se/) để bắt đầu.

## Đặc trưng

- Theo dõi trận đấu theo thời gian thực
- Lưu trữ nhật ký trận đấu và số liệu thống kê
- Hỗ trợ hiển thị số liệu thống kê trực tiếp lên OBS thông qua Nguồn trình duyệt
- Hỗ trợ cả SF6 và SFV
- Khả năng người dùng tạo chủ đề Trình duyệt OBS của riêng mình bằng CSS

### Công nghệ chính được sử dụng cùng với Wails

- [Task](https://github.com/go-task/task) - gói Wails CLI để làm cho các lệnh
  phổ biến trở nên dễ sử dụng
- [React](https://github.com/facebook/react) - được chọn vì hệ sinh thái phong
  phú (radix, framer-motion)
- [Bun](https://github.com/oven-sh/bun) - được sử dụng để giải quyết phần phụ
  thuộc nhanh chóng và thời gian xây dựng
- [Rod](https://github.com/go-rod/rod) - tự động hóa trình duyệt không có đầu để
  thay đổi xác thực và bỏ phiếu
- [SQLite](https://github.com/mattn/go-sqlite3) - dùng để lưu trữ các trận đấu,
  phiên và hồ sơ
- [Server-sent events](https://developer.mozilla.org/en-US/docs/Web/API/Server-sent_events) -
  luồng http để gửi thông tin cập nhật theo dõi tới các nguồn trình duyệt OBS
- [i18next](https://github.com/i18next/) - với trình kết nối phụ trợ để phục vụ
  các đối tượng bản địa hóa từ lớp Go
- [xstate](https://github.com/statelyai/xstate) - máy trạng thái để theo dõi và
  xử lý xác thực
